@charset "utf-8";
*{margin:0; padding:0}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, button, input, textarea, p, blockquote, table, th, td{margin:0; padding:0;}
body{font:normal 100% ΢���ź�, "Microsoft YaHei", ����, Arial, Tahoma, Helvetica, sans-serif; min-width:1200px}
h1, h2, h3, h4, h5, h6{font-size:100%;}
button, input, textarea, select{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit;}
address, caption, cite, code, dfn, em, var, b{font-style:normal; font-weight:normal;}
input, textarea{outline-style:none;}
em, i, b{font-style:normal;}
ul, ol, li{list-style:none;}
fieldset, img{ border:0;}
.fl{float:left}
.fr{float:right}
a{text-decoration:none; color:#333}
.clear{clear:both}
.w1200{width:1200px; margin:0 auto; overflow:hidden}

/* ͷ�� */
#header{width:auto; height:auto; overflow:hidden}

/*����*/
.top{width:auto; height:35px; background:#008FCC; color:#FFF; font-size:12px; line-height:35px}
.top span a{color:#FFF; margin:0 8px}
.top span a:hover{text-decoration:underline}
/*LOGO*/
.logo{width:auto; height:115px; }
.logobox{height:100%}
.logo .l_logo{width:620px; height:100%; background:url(../images/logo.gif) no-repeat left center}
.l_logo_wz{height:56px; border-left:1px solid #CCC; position:relative; top:50%; margin-top:-27px; padding-left:21px}
.l_logo_wz p{font-size:22px; color:#666; font-weight:bold;}
.l_logo_wz span{font-size:19px; color:#666; font-weight:bold;}

.logo .l_tel{width:25%; height:100%; background:#F1f1f1; background:url(../images/tel.gif) no-repeat left center}
.l_tel_wz{height:100%; display:table; float:right}
.l_tel_wz p{display:table-cell; vertical-align:middle; color:#666; font-size:19px}
.l_tel_wz i{display:block; font-style:normal; font-size:24px; color:#008FCC; font-weight:bold}

/*banner*/
.lubo{width:100%; min-width:1000px; clear:both; position:relative; height:500px;}
.lubo_box{position:relative; width:100%; height:420px;}
.lubo_box li{float:left; position:absolute; top:0; left:0; width:100%; height:500px; opacity:0; filter:alpha(opacity=0);}
.lubo_box li a{display:block; width:100%; height:100%;}
.lubo_box li img{width:100%; height:500px;}
.cir_box{overflow:hidden; position:absolute; z-index:100;}     /*Բ��*/
.cir_box li{float:left; width:30px; height:5px; margin:0 5px; cursor:pointer; background:#fff; opacity:1; filter:alpha(opacity=100);}
.cir_on{background:#008FCC!important;}
.lubo_btn{position:absolute; width:100%; top:182px;}    /*��ť*/
.left_btn, .right_btn{font-family:"����"!important; width:30px; height:80px; cursor:pointer; color:#fff; line-height:80px; font-size:30px; text-align:center; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:all 1s}
.lubo:hover .left_btn, .lubo:hover .right_btn{background:#000;  opacity:0.5; filter:alpha(opacity=50);  transition:all 1s;}
.left_btn{float:left;}
.right_btn{float:right;}

/*NAV*/
.navbox{width:auto; height:50px; background:#008FCC}
.nav{width:1200px; margin:0 auto}

.nav dl{overflow:hidden}
.nav dt{width:149px; text-align:center; float:left; height:50px; line-height:50px}
.nav dt.line{width:1px; background:url(../images/line_bg.jpg) no-repeat 50% 50%}
.nav dt a{color:#FFF; display:block; font-size:14px}
.nav dt:hover a{text-decoration:none; z-index:200;}
.nav dt:hover a,.nav dt .current{color:#FFF;}
.nav dt .current,.nav dt a:hover{background:#FF9900}
.shownav{background:#FFF; visibility:hidden; position:absolute; font-weight:normal; width:226px; padding:0; display:none; _display:block; box-shadow:4px 4px 10px #CCC; z-index:99999999; margin-left:-40px;}
.nav dt:hover .shownav{display:block; text-align:left; font-size:12px}
.nav dt .shownav .dd{width:100%;}
.nav dt .shownav .dd a{font-size:12px; display:block; line-height:40px; padding-left:30px; color:#222; background:url(../images/nav_up_2.gif) no-repeat 15px; transition:all 0.5s;}
.nav dt .shownav .dd a:hover{color:#FF9900; padding-left:37px; transition:all 0.5s;}

/*������*/
.search{width:auto; height:50px; border-bottom:1px solid #CCC}
.search .sc{height:100%}
.hot_c, .sc_c{width:50%; height:100%; }
.hot_c{display:table}
.hot_c p{font-size:14px; color:#F00; display:table-cell; vertical-align:middle}
.hot_c p a{color:#333; margin:0 10px}
.hot_c p a:hover{text-decoration:underline}

.sc_c{overflow:hidden}
.search-box{width:auto; height:100%; float:right;}
.sy_ss{margin-top:10px}
.search-input{width:255px; height:28px; border:1px solid #CCC; font-size:12px; color:#a6a6a6; outline:0; float:left; padding-left:5px}
.search-button{cursor:pointer; background:url(../images/btn_search.jpg) no-repeat; color:#fff; width:30px; height:30px; border:0; float:right;}

/* ��վ���� */
#content{width:auto; height:auto}

/*��Ʒ����*/
.pro_show{height:535px; overflow:hidden; margin:40px auto!important;}
.pro_fl, .pro_list{height:100%}

.pro_fl{width:19%; border:1px solid #008FCC; position:relative}
.pro_l_tit{width:100%; height:14%; background:#008FCC; text-align:center; display:table}
.pro_l_tit p{font-size:22px; color:#FFF; line-height:28px; display:table-cell; vertical-align:middle}
.pro_l_tit i{display:block; font-size:14px}
.pro_flist{width:100%; height:auto;}
.pro_flist dl{padding:5px 18px; overflow:hidden}
.pro_flist dt{border-bottom:1px dashed #CCC}
.pro_flist dt .yuan{display:block; float:left; width:8px; height:8px; border:1px solid #1f44b3; margin:17px 11px 0 0; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.pro_flist dt a{font-size:14px; color:#333; display:block; padding:11px 0}
.pro_flist dt a:hover{color:#F90}
.pro_l_tel{width:100%; height:13%; position:absolute; bottom:0; background:#0a74cc; color:#FFF; display:table;}
.pro_l_tel span{display:block; width:60px; height:100%; background:url(../images/pro_l_tel.png) no-repeat right}
.pro_l_tel p{font-size:13px; display:table-cell; vertical-align:middle;}
.pro_l_tel i{font-size:17px;}

.pro_list{width:78.5%; position:relative}
.pro_r_tit{width:100%; height:8.5%; border-bottom:1px solid #1f44b3; position:relative;}
.pro_r_tit .cfang{display:block; float:left; width:7px; height:20px; background:#d7292d; position:absolute; top:50%; margin-top:-10px}
.pro_r_tit p{font-size:18px; color:#444; float:left; margin-left:23px; line-height:50px}
.pro_r_tit a{float:right; font-family:sans-serif, Arial, Helvetica; font-size:13px; line-height:52px}
.pro_list dl{width:100%; overflow:hidden; display:flex; display:-webkit-flex;/* Safari */ justify-content:space-between; flex-wrap:wrap; position:absolute; bottom:0}
.pro_list dt{width:22.5%; height:220px; float:left; margin-top:20px; position:relative}
.pro_list dt .pro_s_img{width:100%; height:80%; overflow:hidden; border:1px solid #CCC}
.pro_list dt img{width:100%; height:100%;transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.pro_list dt img:hover{transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-webkit-transform:scale(1.07,1.07);
-moz-transform:scale(1.07,1.07);
-transform:scale(1.07,1.07);
}

.pro_s_tit a{display:block; width:100%; font-size:14px; color:#000; text-align:center; padding:7px 0; background:#e8e8e8; position:absolute; bottom:0}
.pro_s_tit a:hover{color:#F90}

/*����*/
.ys{width:auto; height:auto; overflow:hidden}
.ys .ys_tit{height:160px; background:url(../images/hf.jpg) no-repeat center}
.ysbg{height:1518px; background:url(../images/ys.jpg) no-repeat top center}

/*�ͻ���֤*/
.cus_jz{width:auto; height:auto; background:#F3F3F3}
.cus_jz_tit:before{content:""; display:inline-block; width:65px; height:3px; background:#008FCC;}
.cus_jz_tit{text-align:center; margin-top:40px}
.cus_jz_tit p{font-size:22px; font-weight:bold; color:#666; letter-spacing:1.5px; margin-top:15px}

.cus_list{overflow:hidden; display:flex; display:-webkit-flex;/* Safari */ justify-content:space-between; flex-wrap:wrap; margin:45px 0 30px}
.cus_list dt{width:48%; height:165px; margin-bottom:25px}
.cus_list dt .cus_img{width:33%; height:100%; overflow:hidden}
.cus_list dt img{width:100%; height:100%; transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;}
.cus_list dt img:hover{transition:all 0.5s ease;
-webkit-transition:all 0.5s ease;
-moz-transition:all 0.5s ease;
-ms-transition:all 0.5s ease;
-o-transition:all 0.5s ease;
-webkit-transform:scale(1.06,1.06);
-moz-transform:scale(1.06,1.06);
-transform:scale(1.06,1.06);
opacity:.7;
-webkit-opacity:.7;
-moz-opacity:.7;
-ms-opacity:.7;
-o-opacity:.7;}
.cus_list dt .cus_xx{width:64%; height:100%; position:relative}
.cus_xx a{font-size:15px; color:#333; font-weight:bold;}
.cus_xx a:hover{color:#F60;}
.cus_xx span{display:block; font-size:12px; color:#666; line-height:25px; margin:13px 0 0 0}
.cus_xx .cus_more{position:absolute; bottom:0}
.cus_xx .cus_more a{display:block; font-size:12px; color:#333; margin:0; padding:0; font-weight:normal; padding:5px 17px; background:#FFF}
.cus_xx .cus_more a:hover{background:#008FCC; color:#FFF}

/*��˾����*/
.company{width:auto; height:480px; background:#008FCC url(../images/company_bg.png) no-repeat center}
.cp_box{height:100%}
.cp_img, .cp_wz{height:100%}
.cp_img{width:31%; background:#690; background:url(../images/company.png) no-repeat center}

.cp_wz{width:49%; margin-right:13%;}
.cp_wz p{font-size:25px; font-weight:bold; letter-spacing:0.5px; color:#F90; margin:67px 0 17px}
.cp_wz span{display:block; font-size:15px; color:#FFF; line-height:30px}
.cp_wz a{float:right; padding:5px 15px; background:#095A8A; font-size:12px; color:#FFF; margin-top:30px}
.cp_wz a:hover{text-decoration:underline}

/*�����볣������*/
.new_q{height:auto; overflow:hidden}
.new_l_box, .que_r_box{height:100%}
.new_l_box{width:48%}
.nq_tit{height:50px; margin-top:40px; overflow:hidden}
.nq_tit_w{position:relative}
.nq_tit_w:before{content:""; position:absolute; display:inline-block; width:58px; height:4px; background:#008FCC; bottom:-15px}
.nq_tit_w p{font-size:22px; color:#333}
.nq_more{width:12%; height:100%}
.nq_more a{font-size:15px; color:#666; line-height:50px; float:left}
.jia{position: relative; box-sizing: border-box; height:100%;}
.jia:before{
    content: '';
    position: absolute;
    width: 12px;
    height: 2px;
    top: 50%;
    margin-left: -28px;
    background-color: #333;
}
.jia:after{
    content: '';
    position: absolute;
    width: 2px;
    height: 12px;
    top: 50%;
    margin-left: -23px;
    margin-top: -5px;
    background-color: #333;
}

.new_l_box dl, .que_r_box dl{overflow:hidden; margin:35px 0 20px}
.new_l_box dt, .que_r_box dt{width:100%; height:110px; padding-bottom:24px; border-bottom:1px solid #EEEDED; margin-bottom:24px;}
.new_l_box dt .nub{background:#ECECEC; text-align:center; font-size:30px; padding:16px; color:#000; font-family:"OCR-A BT", Arial, Helvetica, sans-serif}
.new_l_box dt .nq_wz{width:84%; height:100%; position:relative}
.nq_wz a{display:block; font-size:15px; color:#333; font-weight:bold}
.nq_wz a:hover, .wt_w a:hover{color:#F90; text-decoration:underline}
.nq_wz span{display:block; margin:7px 0; font-size:12px; color:#999; line-height:25px}
.new_more{position:absolute; bottom:0}
.new_more a{display:block; font-size:12px!important; color:#333!important; margin:0!important; font-weight:normal!important; padding:5px 17px!important; background:#ECECEC!important;}
.new_more a:hover{background:#008FCC!important; color:#FFF!important}

.que_r_box{width:48%;}
.wt_w{height:25px; overflow:hidden}
.wt_w em{width:25px; height:25px; background:#46A504; font-size:15px; color:#FFF; display:block; text-align:center; line-height:25px; float:left}
.wt_w a{display:block; float:right; width:93%; font-size:15px; color:#333; font-weight:bold; margin-left:10px; line-height:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.wt_d{height:auto; overflow:hidden}
.wt_d em{width:25px; height:25px; background:#323232; font-size:15px; color:#FFF; display:block; text-align:center; line-height:25px; float:left}
.wt_d span{display:block; float:right; width:93%; font-size:12px; color:#666; margin-left:10px; line-height:25px}
.h110{height:110px; position:relative}

/*��ϵ��ͼ*/
.lx_map{width:auto; height:auto; background:#F8F8F8; padding:30px 0;}
.lm_box{height:500px; border-bottom:3px solid #008FCC; background:url(../images/mp_bg.jpg) no-repeat center; position:relative}
.lm_box dl{overflow:hidden; margin:35px 100px 0 100px}
.lm_box dt{float:left; height:175px;}
#coname{width:35%; display:table; background:url(../images/coname.png) no-repeat center}
/*#coname p{font-size:30px; font-weight:bold; letter-spacing:1px; color:#008FCC; display:table-cell; vertical-align:middle}*/
#coqr{width:12.5%; padding:0 6%}
#coqr .qr_img{width:125px; height:125px; background:url(../images/qr.jpg) no-repeat;}
#coqr .qr_if{width:125px; height:50px; display:table; text-align:center; background-color:rgba(0,0,0,0.7)}
#coqr .qr_if i{font-size:14px; color:#FFF; display:table-cell; vertical-align:middle}
#coinfo{width:40%; display:table}
#coinfo font{display:table-cell; vertical-align:middle}
#coinfo p{font-size:18px; color:#F90; margin-bottom:10px}
#coinfo span{font-size:14px; color:#333; line-height:25px}

.map{width:100%; height:275px; background:#CCC; position:absolute; bottom:0}

/* ���ض��� */
.box{position:fixed; right:10px; bottom: 10px; height:20px; width:40px; text-align:center; padding-top:20px; background-color:#0E4F98; border-radius:10%;overflow:hidden;}
.box:hover:before{top:50%}
.box:hover .box-in{visibility:hidden;}
.box:before{position: absolute;top:-50%;left: 50%;transform: translate(-50%,-50%);content:'�ص�����'; width:40px; color:#FFF; font-size:14px; font-weight:bold; cursor:pointer}
.box-in{visibility:visible; display:inline-block; height:12px; width:12px; margin-top:-3px; border:3px solid black; border-color:white transparent transparent white; transform:rotate(45deg);}

/* ҳ�� */
#footer{width:auto; height:auto; background:#0079C0; overflow:hidden}
.yqlink{line-height:60px; border-bottom:1px solid #005FAD; color:#FEAF38; font-size:12px; text-align:center}
.yqlink a{color:#FFF; margin:0 11px}
.yqlink a:hover{text-decoration:underline; color:#FEAF38}

.f_nav{line-height:60px; border-top:1px solid #008FCC}
.f_nav .f_nav_li{width:900px; margin:0 auto; overflow:hidden; display:flex; display:-webkit-flex;/* Safari */ justify-content:space-between; flex-wrap:wrap;}
.f_nav .f_nav_li a{color:#FFF; font-size:14px}
.f_nav .f_nav_li a:hover{text-decoration:underline; color:#FEAF38}

.f_info{text-align:center; margin:30px auto}
.f_info p{color:#FFF; font-size:12px; line-height:22px}
.f_info i, .f_info a{color:#FEAF38}
.f_info a:hover{text-decoration:underline}